<template>
<div>
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item :to="{ path: '/admin/notice-list' }">公告管理</el-breadcrumb-item>
    <el-breadcrumb-item>公告信息</el-breadcrumb-item>
  </el-breadcrumb>
  <el-divider></el-divider>
  <el-table
            :data="NoticeArr"
            style="width: 100%">
    <!--type=index 设置这一列显示的内容为编号-->
    <el-table-column type="index" label="编号" width="60px" align="center"></el-table-column>

    <el-table-column prop="content" label="公告内容" align="center"></el-table-column>
    <el-table-column label="操作" width="200px" align="center">
      <!--scope里面装着当前行所对应的对象信息
      scope.$index 得到当前行对应的对象在数组中的下标
      scope.row 得到当前行对应的对象
      -->
      <template slot-scope="scope">
        <el-button  size="mini" @click=""
                    type="success" style="margin-right: 20px">修改</el-button>
        <el-popconfirm
            title="您确定删除此图书吗?"
            @confirm=""
        >
          <el-button slot="reference"  size="mini"
                     type="danger">删除</el-button>
        </el-popconfirm>
      </template>
    </el-table-column>
  </el-table>

</div>
</template>

<script>
export default {
  name: "OrderList",
  data(){
    return{
      NoticeArr:[{content:"大甩卖,全场只要一元"}]
    }
  },
  methods:{
    deal(order){

    }
  }
}
</script>

<style scoped>

</style>